﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="ForumDefault.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.ForumDefault" %>
<%@ Register src="Footer.ascx" tagname="Footer" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>计仔多</title>
    <style type="text/css">
        .banner{width:100%; position:relative; margin:0 auto;}
        .banner ul.bxslider li{position:relative;}
        .banner ul.bxslider li img {margin: 0 auto; width:100%;}
        .banner .bx-pager{ bottom:5px!important;}
        .banner .bx-pager a{ background:#fff!important;}
        .banner .bx-pager a.active{ background:#f9384d!important;}
    </style>
    <link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/wap/lib/bxslider/jquery.bxslider.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">
    <!--S page -->
    <div data-role="page" id="mypage" class="storedefault">

	    <!--S header -->
	    <div data-role="header">
	    </div>
        <!--E header -->
	
        <!--S content -->
	    <div role="main" class="ui-content">
            <div class="forum_nav">
			    <%--<a href="javascript:;" class="nav_active">达人</a>
			    <a href="javascript:;">晒物</a>	
			    <a href="javascript:;">答疑</a>
			    <a href="javascript:;">活动</a>
			    <a href="javascript:;">话题</a>--%>
                <div data-role="tabs" id="tabs">
                      <div data-role="navbar">
                        <ul class="header">
                          <li class="active"><a href="#one" data-ajax="false">达人</a></li>
                          <li><a href="#two" data-ajax="false">晒物</a></li>
                          <li><a href="#three" data-ajax="false">答疑</a></li>
                          <li><a href="#four" data-ajax="false">活动</a></li>
                          <li><a href="#five" data-ajax="false">话题</a></li>
                        </ul>
                      </div>
    	        </div>
    	    </div>

		<div class="banner">
			<ul class="bxslider">
				<li><img src="images/banner_pic.jpg"></li>
				<li><img src="images/banner_pic.jpg"></li>
				<li><img src="images/banner_pic.jpg"></li>
			</ul>
		</div>   

		<div class="forum_type">
			<ul>
				<li>
				<a href="javascript:;">
					<img src="images/forum_type01.png">
					<span>美食</span>
				</a>
				</li>
				<li>
				<a href="javascript:;">
					<img src="images/forum_type02.png">
					<span>法律</span>					
				</a>
				</li>
				<li>
				<a href="javascript:;">
					<img src="images/forum_type03.png">
					<span>育儿</span>					
				</a>
				</li>
				<li>
				<a href="javascript:;">
					<img src="images/forum_type04.png">
					<span>主题</span>					
				</a>
				</li>
				<li>
				<a href="javascript:;">
					<img src="images/forum_type05.png">
					<span>其他</span>					
				</a>
				</li>
			</ul>
		</div> 	

		<div class="forum_area">
			<div class="forum_detail">
				<div class="per_info">
					<img src="images/person_pic.png">
					<span>Beryl_Chen</span>
				</div>
				<p class="forum_txt">
					吃了果皮上带蜡的苹果，会致癌？你信吗你信吗你信吗你信吗你信吗你信吗你信吗
				</p>
				<div class="forum_img">
					<img src="images/apple01.jpg">
					<img src="images/apple02.jpg">
					<img src="images/apple03.jpg">
				</div>
				<div class="forum_bottom">
					<div class="forum_time">
						<span>11-04</span>
						<span>19:09</span>
					</div>
					<div class="forum_reply">
						<span>回帖7</span>
						<span>阅读10</span>
					</div>
				</div>
			</div>

			<div class="forum_detail">
				<div class="per_info">
					<img src="images/person_pic.png">
					<span>草丛伦</span>
				</div>
				<p class="forum_txt">
					吃了果皮上带蜡的苹果，会致癌？人在塔在！
				</p>
				<div class="forum_img">
					<img src="images/apple01.jpg">
					<img src="images/apple02.jpg">
				</div>
				<div class="forum_bottom">
					<div class="forum_time">
						<span>11-04</span>
						<span>19:09</span>
					</div>
					<div class="forum_reply">
						<span>回帖7</span>
						<span>阅读10</span>
					</div>
				</div>
			</div>

			<div class="forum_detail">
				<div class="per_info">
					<img src="images/person_pic.png">
					<span>菊花信</span>
				</div>
				<p class="forum_txt">
					吃了果皮上带蜡的苹果，会致癌？长枪依在，菊花拿来！
				</p>
				<div class="forum_img">
					<img src="images/apple01.jpg">
				</div>
				<div class="forum_bottom">
					<div class="forum_time">
						<span>11-04</span>
						<span>19:09</span>
					</div>
					<div class="forum_reply">
						<span>回帖7</span>
						<span>阅读10</span>
					</div>
				</div>
			</div>						
		</div>
 	    </div>
        <!--E content -->
	
        <!--S footer -->
	    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
                    <uc1:Footer ID="Footer1" runat="server" />    
        </div>
        <!--E footer -->
    </div>
    <!--E page -->
    
    <script type="text/javascript">
         $(function(){
            $('.bxslider').bxSlider({
                //以下属性不要的可以删除
                auto: true, //自动轮播
                mode : 'horizontal',  //过渡类型，'horizontal', 'vertical', 'fade'
                speed : 500,    //单位ms，默认500,
                infiniteLoop : true,    //是否循环，默认true
                touchEnabled : true,    //是否支持手触滑动，默认true
            });

        });
    </script>
</asp:Content>
